<div class="container">
	<div class="container">
		<h5>
		由于本文使用了BootStrap框架定义UI，所以需要：
		<ol>
			<li>npm install --save bootstrap</li>
			<li>在页面引入node_modules/bootstrap/dist/css/bootstrap.min.css</li>
		</ol>
	</h5>
		<img src="assets/img/QQ截图20170322165319.png" style="height: 300px;" />
		<p>ng2 的表单和 ng1 类似, 也是用 control 概念来做操作, 当然也有一些地方不同 最大的特点是它把表单区分为 template drive and model drive </p>
		<p>template drive 和 ng1 很像, 就是通过指令来创建表单的 control 来加以操作. </p>
		<p>model drive 则是直接在 component 内生成 control 然后再绑定到模板上去.</p>
		<p>template drive 的好处是写得少，简单, 适合用于简单的表单</p>
	

	</div>
	<h3>推荐阅读:
		<a href="https://zhangchen915.gitbooks.io/angular2-training/content/content/Form/form.html">文档1</a>
			<a href="http://asdfblog.com/?s=%E8%A1%A8%E5%8D%95">文档2</a>
	</h3>
</div>

<template-drive>Loading...</template-drive>

<model-drive>loading...</model-drive>
